@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#4a4a4a;font-family:'Source Han Sans CN','PingFang SC','Microsoft YaHei','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.6; font-size: 16px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#4a4a4a;}
a:hover{color: #0068b7}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


p{letter-spacing:0.3px;}

/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}


/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%!important}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width: 90%; max-width: 1600px;}



.banner{position: relative; margin-top: 80px;}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:30px; width: 100% }
.banner .swiper-pagination-bullet{ opacity:1;width:12px; height:12px;margin:0px 10px!important; border-radius:12px; border: 1px solid #fff; position: relative; background: none}
.banner .swiper-pagination-bullet-active:before {background:#fff; width: 4px; height: 4px; border-radius: 100%; position: absolute;left:50%; top: 50%; transform: translate(-50%,-50%); content: ''}


.banner .swiper-slide img{width: 100%}

.wapshow{display: none}


.bantxt{position:absolute; left:50%;top:50%;transform: translate(-50%,-50%);color: #fff; width: 100%;  }

.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.bantxt h3{font-size:48px;}
.bantxt h2{font-size:30px; font-weight: normal;}
.bantxt p{font-size: 24px; font-weight: 300}

.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

.banmore{width:186px; height:50px; color: #fff; display: inline-block; font-size: 16px; line-height: 50px; border: 1px solid #fff; margin-top:4%; text-align: center}
.banmore:hover{ background:#0068b7; color: #fff; border: 1px solid #0068b7; }

.banmore.mt0{margin: 0px;}

.banmore.lanse{color: #0068b7;border: 1px solid #0068b7; }
.banmore.lanse:hover{color: #fff}

.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:9999; background: #fff;}
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.top .mainbox{height: 80px; position: relative}
.logo{width: 260px;}

.sosu{width: 16.5%; height: 46px; border: 1px solid #eeeeee; border-radius: 46px;overflow: hidden}
.sosubtn{width: 30%; height: 46px; background: url("../images/sousu.png") no-repeat center center; background-size: 23px auto}

.sosutext{width: 70%; height: 46px; border: none}


.soubtn{width: 15px; position: absolute; top: 50%; right: 0px; transform: translate(0,-50%)}
.addSlide{position: fixed; width:100%; height:100%;background: rgba(0,0,0,0.8); left: 0; top:0; z-index:99999999; display: none}
.addSlide .searchbox{position: absolute; width: 100%; height: 170px;left: 0; top:50%;background:#0068b7; transform: translate(0,-50%);}

.addSlide .searchbox .int{width:50%; height:60px; line-height:60px; border-bottom:1px solid #FFF; top:50%; left:50%;}

.addSlide .searchbox .int .t_int{width:calc(100% - 50px); height:60px; line-height:60px; color:#FFF;background:none; border:0px; font-size:16px;}
.addSlide .searchbox .btn{width:40px; height:40px; background:url('../images/search2.svg') no-repeat center center; background-size:20px auto; border: none}
.addSlide .searchbox .close{width:30px; position:absolute; top:-40px; right:10px; cursor:pointer;}


.addSlide input::-webkit-input-placeholder{color: #fff;}
.addSlide input::-moz-input-placeholder{color: #fff;}
.addSlide input::-ms-input-placeholder{color: #fff;}





.nav{width: 58%; margin-right: 5%}
.nav li{position: relative}
.nav li.cur>a{color: #0068b7;}
.nav li.cur>a:before{width: 100%}

.nav li>a {position: relative;  line-height: 80px; display: block; font-size: 18px;}

.nav li>a:before{content:''; width:0; height: 2px; background: #0068b7; position: absolute; left: 0px; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nav li:hover>a:before{width: 100%}

.navdown{position: absolute; left:50%; top:80px;transform: translate(-50%,0);background:rgba(255,255,255,0.8); width:100px; display: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.05);padding:10px 15px; text-align: center}

.navdown a{display: block; font-size: 16px; padding:5px 0px; font-weight: normal; line-height: 1.5}



.sypronav li a{border-radius: 2px; border: 1px solid #4a4a4a; color: #4a4a4a; display: inline-block; position: relative; text-align: center; line-height: 36px; height: 36px;  margin: 0px 3px; position: relative; font-size: 18px; display: block}
.sypronav li.cur a:before{opacity: 1}

.sypronav li a:before{width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #0068b7; content: ''; left: 50%; bottom: -8px; transform: translate(-50%,0); position: absolute;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0}

.sypronav li a:hover:before{opacity: 1}

.sypronav li.cur a{background: #0068b7;color: #fff; border: 1px solid #0068b7;} 
.sypronav li a:hover{background: #0068b7;color: #fff; border: 1px solid #0068b7;} 
.sypronav ul{display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

.sypronav li{ -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;}

.sytit{text-align: center;}
.sytit h2{font-size: 40px; font-weight: normal; color: #000000; position: relative; }
.sytit p{ font-size: 18px;color: #a6a6a6;font-family: arial; }
.sytit.baise h2{color: #fff}
.sytit.baise p{color: #fff}

.syproductbox{overflow: hidden}
.syprotxts{padding:10px 20px; border-top: 1px solid #F1F1F1}
.syprotxts p{font-size: 20px; color: #000000;}
.syprotxts span{color: #4a4a4a; margin: 5px 0px; line-height: 24px; height: 46px;}



.more{color: #0068b7; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.more:hover,a:hover .more{padding-right: 40px;}


a:hover .syprotxts p{color: #0068b7}

.syproductbox .swiper-slide{background: #fff}
.syproductbox .swiper-slide a{box-shadow: 0px 0px 10px rgba(0,0,0,0.05); display: block}

.syaboutbj{background: url("../images/aboutbj.jpg") no-repeat top center; background-size:cover; background-attachment: fixed}

.syaboutbox{max-width: 1500px; background: rgba(0,104,183,0.7); border-top-left-radius:50px;border-top-right-radius:50px; width: 95%; margin: 0 auto; color: #fff; text-align: center; padding:4% 0px;}
.syabouttxt{padding:0 5%; font-size: 18px;line-height: 2}


.syfangantxt{padding:10px 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}

.syfangantxt h3{color: #000000; font-weight: normal; font-size: 20px;}
.syfangantxt p{color: #4a4a4a; line-height: 24px; height: 46px; margin: 10px 0}


.huisebj{background: #f7f7f7; overflow: hidden}

.synewsleft{width: 42%; background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}

.synewslefttxt{padding: 20px 20px 30px;}
.synewslefttxt span{font-size: 14px; display: block; font-family: arial;color: #4a4a4a; }
.synewslefttxt h3{color: #000000; font-weight: normal; font-size: 22px; margin:5px 0}
.synewslefttxt p{color: #4a4a4a; line-height: 28px; height: 56px; margin-bottom:8px;}

a:hover .synewslefttxt h3{color: #0068b7}


.synewsright{width: 56%; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }

.synewsright ul{padding: 0px 6%; height: 100%}
.synewsright li{border-bottom: 1px solid #d3d6db; height: 25%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.synewsright li a{padding-right:80px; position: relative; width: calc(100% - 80px)}
.synewsright li a:before{content: ""; width:40px; height: 40px; background: url("../images/you.png") no-repeat center center #005fb9; background-size: 20% auto; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; right: 0px; top:50%; border-radius: 100%; transform: translate(0,-50%); opacity: 0}

.synewsright li a:hover:before{opacity: 1}

.synewsright li:last-child{border-bottom: none}
.synewsright li span{font-size: 14px; display: block; font-family: arial;color: #8e969e; }
.synewsright li h3{color: #8e969e; font-weight: normal; font-size: 20px; margin:2px 0;}
.synewsright li p{color: #8e969e; line-height: 24px; height: 48px; margin-bottom: 5px; font-size: 14px;}


.synewsright li a:hover  span{ color: #4d5b66}
.synewsright li a:hover  h3{ color: #000000}
.synewsright li a:hover  p{ color: #4d5b66}


.footerbj{ background: #24303c; margin-top: 40px; padding: 20px 0px;}

.footboxs{color:#6b7077}

.footernav{width:75%}
.footermai{width:23%; text-align: right}

.footernav li p a{font-size:18px; color: #000000}
.footernav li p a:hover{color: #0068b7}
.footernav li p{margin-bottom: 10px;}
.footnavdown span{display: block; padding: 3px 0px;}
.footnavdown span a{color:#a6a6a6}
.footnavdown span a:hover{color: #0068b7}


.erweimas{background: #f2f3f5; border: 1px solid #d1d4d7; width: 100px; padding: 10px; display:inline-block; margin-bottom: 7%}
.footermai a{color: #6b7077; font-size: 28px;}

.footermai a:hover{color: #0068b7; }

.fenxiang a{width: 40px; height: 40px; background: #e1e2e5; display: block; border-radius: 100%; margin-left: 15px;}

.footerbj{color: #969da5}

.footerbj a{color: #969da5}
.footerbj a:hover{color: #fff}

.nybanner{position: relative; margin-top: 80px;}
.nybanner>img{width: 100%}
.miaobaotwo{position: absolute; left: 0px; bottom: 20px; width: 100%;color: #fff;}
.miaobaotwo a{color: #fff;}
.miaobaotwo a:hover{color: #1c5e90;}

.nybantxt{text-align: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; line-height: 1.2}
.nybantxt h2{font-size: 38px; font-weight: normal}
.nybantxt p{font-size: 30px; font-family: arial;}



.nynav{border-bottom: 1px solid #f1f1f1}
.nynav ul{display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.nynav li{ position: relative;font-size: 18px;    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.nynav li.cur>a{color: #fff; background: #0068b7; }


.nynav li>a {position: relative;  line-height:60px; display: block;padding: 0px; text-align: center}

.nynav li a:hover{color: #fff; background: #0068b7}

.nyprobox{margin-top: 100px;}

.nyproleft>h2{ font-size: 20px; margin-bottom: 5px; color: #000000}
.nyproleft li.cur p{ font-size: 20px; font-weight: bold}
.nyproleft li.cur .nyproleftdown{display: block}

.nyproleftdown{padding-left: 16px; display: none}
.nyproleftdown span{display: block; padding:5px 0px;}
.nyproleftdown span a{color:#6c6c6c}
.nyproleftdown span a:hover{color:#0068b7}


.nyproleft li p{padding: 8px 0px;}
.nyproleft li p a{color: #000000}


.prosousu{border-bottom: 1px solid #7f7f7f}
.soutxt{width: calc(100% - 40px); height: 30px; border: none; background: none}

.soxbtn{width: 30px; height: 30px; background: url("../images/sous.png") no-repeat right center; background-size: 16px auto}

.heizdca{margin-top: 40px;}
.heizdca h2{font-size:18px;margin-bottom: 20px; color: #000}
.heizdca h2 a{font-weight: normal; font-size: 15px; color: #0068b7}

.nyproleft{width: 240px; background: #f9f9f9; padding: 30px;}
.nyproright{width: calc(100% - 350px);}

.nyprorighttit h1{font-size: 36px; color: #000000}

.nyprorighttit select{width: 226px; height: 37px; border: 1px solid #dbdbdb; background: url("../images/down.png") no-repeat 95% center; background-size: 10px auto; padding: 0px 30px 0px 10px; font-size:14px;}

.nyproboxs{margin-top: 60px;}
.nyproboxs ul{width: calc(100% + 32px);margin-left:-32px;}
.nyproboxs li{width: calc(25% - 32px); margin-left: 32px; float: left; margin-bottom:30px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }




.wappage{display: none}
.page a img{width: 7px;}

.page a{font-family: arial; font-size: 20px; color: #4a4f55; width: 44px; height: 44px; text-align: center; line-height: 44px; margin: 0px 15px;}

.page a:hover{color: #fff; background-color: #0068b7}
.page a.cur{color: #fff; background-color: #0068b7}

.pageprev{background: url("../images/shang.png") no-repeat center center; background-size: 7px auto}
.pageprev:hover{background: url("../images/shang2.png") no-repeat center center; background-size: 7px auto}

.pagenext{background: url("../images/xia.png") no-repeat center center; background-size: 7px auto}
.pagenext:hover{background: url("../images/xia2.png") no-repeat center center; background-size: 7px auto}






.nynewsbox dt{border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6; padding: 50px 0px;}

.nynewsright{width: 42.5%}
.nynewsleft{width: 45%}

.nynewsleft h2{font-size: 28px;color: #000; margin-bottom: 5px;}

.nynewsleft h4{color: #b8b8b8; font-size: 16px; font-weight: normal}

.nynewsleft h4 em:first-child{margin-right: 5%}
.nynewsleft p{font-size: 18px;color: #4a4f55;line-height: 2; margin: 20px 0px;}
.nynewsleft span{display: block; color: #0068b7}

.nynewsbox dd{border-bottom: 1px solid #e6e6e6; padding: 30px 0px;}

.nynewstxts h2{font-size: 22px;color: #000; margin-bottom: 5px;font-weight: normal}

.nynewstxts h4{color: #0068b7; font-size: 16px; font-weight: normal;font-family: arial}
.nynewstxts p{color: #4a4f55;line-height:1.6; margin-top: 10px;}


.newsmore{width: 112px; height: 34px; border: 1px solid #0068b7; background: url("../images/banright.png") no-repeat 15% center #0068b7; background-size:17px auto; line-height: 34px; text-indent: 35%; color: #fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; margin-top: 20px; display: inline-block}

.nynewstxts{width: calc(100% - 200px);}


a:hover .newsmore{background: url("../images/banright2.png") no-repeat 15% center #fff; background-size:17px auto; color: #0068b7 }





.showtit{text-align: center; border-bottom: 1px solid #f0f0f0; padding: 25px 0px; color: #808080; position: relative}
.showtit a{background: url("../images/shang.png") no-repeat left center; padding-left:15px; background-size: 6px auto; position: absolute; left: 0px; }

.showtit p span:first-child{margin-right: 5%}

.showboxs img{display: inline-block}
.showboxs{color: #808080; line-height: 2}
.showboxs p{ padding: 10px 0px;}

.shangxia{border-top: 1px solid #f0f0f0; padding: 20px 0px;}
.shangxia p{max-width: 45%}

.nytit{text-align: center}
.nytit h2{font-size: 32px; font-weight:normal; color: #000000}

.proshowbj{background: #fbfbfb;}

.mianbao{padding: 20px 0px;}

.mianbao span a{color: #0068b7}

.proshowboxleft{width: 48.75%; position: relative; overflow: hidden}


.proshowboxleft .swiper-button-next,.proshowboxleft .swiper-button-prev{background: rgba(0,0,0,0.5); width: 38px; height: 100px; margin-top: -50px;}
.proshowboxleft .swiper-button-next{right: 0px;}
.proshowboxleft .swiper-button-prev{left: 0px;}

.proshowboxleft .swiper-button-next:after,.proshowboxleft .swiper-button-prev:after{color: #fff; font-size: 20px;}

.proshowboxright{width: 48%}

.proshowtit{border-bottom: 1px solid #f4f4f4; font-size:28px; padding-bottom:14px; color: #000}

.proshowboxright dl{border-bottom: 1px solid #f4f4f4; padding: 15px 0px;}

.proshowboxright dl dt{color: #666666; width: 97px; line-height: 2}

.proshowboxright dl dd{width: calc(100% - 97px);}
.proshowboxright dl dd p{position: relative; padding-left: 20px; line-height: 2}
.proshowboxright dl dd p:before{content: ''; width: 8px; height: 8px; background: #717171; position: absolute; left: 0px; top: 10px;transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg); }


.proshowqie{border-bottom: 1px solid #dbdbdb;}
.proshowqie li{line-height: 76px; font-size: 26px; color: #333333; position: relative; cursor: pointer}
.proshowqie li.cur{color: #0068b7;}
.proshowqie li.cur:before{width: 100%}
.proshowqie li:first-child{margin-right: 10%}
.proshowqie li:before{content:''; width:0; height:3px; background: #0068b7; position: absolute; left: 0px; bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.proshowqie li:hover{color: #0068b7;}
.proshowqie li:hover:before{width: 100%}

.fengensleft{width: 46.87%}

.fedsatit{font-size: 20px; margin-bottom: 30px;}
.protable{text-align: center; font-size: 18px; margin-bottom: 10px}
.protable td{padding: 10px; border: 1px solid #f1f1f1}


.xinghaobox th{background: #0068b7; border: 1px solid #f1f1f1; padding:15px 10px; font-weight: normal; color: #fff; font-size: 18px; width:14.2% }

.xinghaobox td{padding:15px 10px; border: 1px solid #f1f1f1; text-align: center}

.downbtn{background: url("../images/downico.png") no-repeat left center; background-size:15px auto; padding-left: 28px; color: #0068b7}

.proshowhezi{display: none}
.proshowhezi:first-child{display: block}

.sertit{text-align: center}
.sertit h2{font-size: 34px; color: #000000; font-weight: normal}
.sertit p{color: #a6a6a6; font-size: 18px;}

.tishibiao{border-bottom:2px solid #d9d9d9; color: #000; padding: 20px 0px; margin-top: 20px;}

.biaodan{margin-top: 50px;}
.biaodan li{width: 50%; float: left; margin-bottom: 20px;}
.biaodan li span{width:160px; color: #808080; text-align: right; line-height: 50px;}

.biandanright{width:calc(100% - 180px);}

.selects{width:100%; padding: 0px 10px; height:50px; border: 1px solid #d9d9d9; background: url("../images/down.png") no-repeat 97% center; background-size: 12px auto}

.texts{width:calc(100% - 22px); padding: 0px 10px; height:50px; border: 1px solid #d9d9d9; }

.textarea{width:calc(100% - 22px); padding:10px; height:50px; border: 1px solid #d9d9d9; height: 180px; }

.biaodan li:nth-child(3){width: 100%}
.biaodan li:nth-child(12){width: 100%}
.biaodan li:nth-child(13){width: 100%}
.biaodan li:nth-child(14){width: 100%}
.biaodan li:nth-child(15){width: 100%}

.xiebies{height: 52px;color: #808080; }

.biandanright p{color: rgba(0,0,0,0.5);}
.yanzs{max-width: 330px; margin-top: 30px;}

.yanzs .texts{text-align: center; width:calc(100% - 160px);}

.yanzs a{height:50px; border: 1px solid #d9d9d9; width: 128px;}
.yanzs a img{max-height: 100%}

.tijiaos{width: 180px; height: 50px; background: #0068b7; border: 2px solid #0068b7!important; color: #fff; margin-top: 30px; font-size: 18px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tijiaos:hover{ background: none; color: #0068b7}
.xiebies label{cursor: pointer}
.xiebies label:first-child{margin-right: 20px;}
.xiebies .radio{margin-right: 10px;}

.downleft{width: 72.5%}

.downright{width: 22.25%}

.downleft li{border-bottom: 1px solid #cdcdcd; padding: 16px 0px;}
.downleft li a{width: 90px; height: 34px; border: 1px solid #cdcdcd; border-radius:6px; text-align:  center; line-height: 34px;}

.downleft li p{width: calc(100% - 100px); line-height: 34px;}

.downleft li a:hover{background: #0068b7;border: 1px solid #0068b7; color: #fff}


.downright dt{font-size: 20px; font-weight: bold;border-bottom: 1px solid #cdcdcd; padding: 16px 0px; line-height: 34px; color: #000}

.downright dd{line-height: 34px;border-bottom: 1px solid #cdcdcd; padding: 10px 0px;}

.downright dd.cur a{color: #0068b7; font-weight: bold}

.nycaseboxs ul{width: calc(100% + 30px);margin-left:-30px;}
.nycaseboxs li{width: calc(25% - 30px); margin-left: 30px; float: left; margin-bottom:30px; }

.contactleft{width: 40%}
.contactleft h2{ font-size: 22px; color: #000000; margin-bottom: 10px;}

.contactleft p{padding-left: 25px; line-height: 2}
.conico01{background: url("../images/conic01.png") no-repeat left 7px; background-size: 16px auto;}
.conico02{background: url("../images/conic02.png") no-repeat left 7px; background-size: 16px auto;}
.conico03{background: url("../images/conic03.png") no-repeat left 7px; background-size: 16px auto;}
.conico04{background: url("../images/conic04.png") no-repeat left 7px; background-size: 16px auto;}
.conico05{background: url("../images/conic05.png") no-repeat left 7px; background-size: 16px auto;}
.conico06{background: url("../images/conic06.png") no-repeat left 7px; background-size: 16px auto;}

.mapasd{padding: 10px; border: 1px solid #d5d5d5}

.contamas{color: #696969; text-align: center; width: 15%; max-width: 130px;}
.contamas p{padding: 10px 0px;}



#map1{height: 420px; width:calc(50% - 30px); border:5px solid #d7d7d7;}

#map2{height: 420px; width:calc(50% - 30px); border: 5px solid #d7d7d7;}

.anchorBL,.BMap_cpyCtrl{display: none}


.liuyanboxs h2{font-size: 22px; color: #000}
.liuyanboxs ul{width: calc(100% + 30px); margin-left: -30px; margin-top: 30px;}
.liuyanboxs li{margin-bottom: 20px;width: calc(50% - 30px); float: left; margin-left: 30px;}
.liuyanboxs li span{color: #808080; width: 50px; line-height: 50px;}

.biaoright{width: calc(100% - 50px)}

.bianwenben{width: calc(100% - 42px); border: 1px solid #cdcdcd; padding: 0px 20px; height: 50px;}
.bianwbenyu{width: calc(100% - 42px); border: 1px solid #cdcdcd; padding: 10px 20px; height: 152px;}

.liuyanboxs li.shang{width:calc(100% - 30px)}
.liuyanboxs li:nth-child(5){width: 100%}
.liuyanboxs li:nth-child(7){width: 100%}

.nyaboutbj{background: url("../images/abbj.jpg") no-repeat center center; background-size: cover}


.abouttxtpic{width: 57%}

.abouttxt{width: 59%; margin-left: -16%; background: #fff; position: relative; z-index: 2}


.abouttxtwenzi{padding: 5%; line-height: 2}

.abouttxtwenzi h2{font-size: 24px; font-weight: normal; margin-bottom: 10px;}


.wenhuaboxs li{width: 30%; box-shadow: 0px 0px 10px rgba(30,97,174,0.05); text-align: center; padding: 30px 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; cursor: pointer}
.wenhuaboxs li p{font-size: 26px; color: #000000; margin-top: 30px; margin-bottom:5px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.wenhuaboxs li span{display: block; padding:0 20px;}
.wenhuaico{width: 120px; height: 120px; background: #f2f7fb; border-radius: 100%; margin: 0 auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.wenhuaico img{width: 40%}

.wenhuaboxs li:hover{background: #0068b7; color: #fff}
.wenhuaboxs li:hover .wenhuaico{background: #fff}
.wenhuaboxs li:hover p{color: #fff}

.kaiwprospic{width: 50%}
.kaiwpeotxst{width: 50%; background: #fff; overflow-y: scroll}

.kaiwpeotxst li{border-bottom: 1px solid #dbdbdb;}
.kaiwpeotxst li a{display: block; margin:3% 5%;}
.kaiwpeotxst li h2{font-size: 24px; color: #0068b7; font-weight: normal; margin-bottom: 5px}

.kaiwpeotxst::-webkit-scrollbar {
        width: 10px;   
        height: 1px;
    }
.kaiwpeotxst::-webkit-scrollbar-thumb {
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #bdbdbd;
    }
.kaiwpeotxst::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }






.nyhonorbox .swiper-slide a{box-shadow: 0px 0px 10px rgba(30,97,174,0.05); display: block; overflow: hidden}

.nyhonorbox .swiper-slide p{text-align: center; font-size:20px; padding:20px 0px; color: #4a4a4a}

.nyhonorbox .swiper-slide .fangdapic{max-width: 328px; height: 220px; margin: 0 auto; margin-top: 30px}

.nyhonorbox{position: relative; padding: 0px 5%}
.nyhonorbox .swiper-container{overflow: hidden; padding: 10px;}

.nyhonorbox .swiper-button-next{ width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background-size:22px auto; right:0%; border: 1px solid #cccccc; border-radius: 100%}

.nyhonorbox .swiper-button-prev{ width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background-size:22px auto; left:0%; border: 1px solid #cccccc; border-radius: 100%}

.nyhonorbox .swiper-button-prev:hover,.nyhonorbox .swiper-button-next:hover{ border: 1px solid #0068b7;}
.nyhonorbox .swiper-button-next:after, .nyhonorbox .swiper-button-prev:after{font-size: 20px; color: #bebebe}

.nyhonorbox .swiper-button-next:hover:after, .nyhonorbox .swiper-button-prev:hover:after{color: #0068b7}







.joinbox{ background: #fff; border: 1px solid #f0f0f0; border-top: none}

.joinbox li{border-top:1px solid #f0f0f0;}
.joinbox li a{position:relative; margin:0px 3%; padding:20px 0px;}
.joinbox li a h2{font-size:18px; width:40%; font-weight:normal}
.joinbox li a p{ width: 30%}

.joinbox li a:before{content:''; width:15px; height:30px; position:absolute; right:0px; top:50%; transform:translate(0,-50%); background: url("../images/downico.png") no-repeat center center; background-size: 100% auto;}

.joinbox li a.cur:before{background: url("../images/upico.png") no-repeat center center; background-size: 100% auto;}
.joinbox li a.cur h2{color: #0068b7}

.joinboxdown{font-size:14px;line-height:2; padding:3%; display:none;border-top:1px solid #f0f0f0; color: #4A4F55 }

.joinboxdown h3{width: 70px; font-size: 14px; color: #000 }
.joinboxtxt{width: calc(100% - 80px);}
.joinboxdown .shang{margin-bottom: 20px;}
.joinbox li:first-child .joinboxdown{display:block}




.item{position: relative}
.idab{position: absolute; top: -80px;}





.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background: #0068b7}
.nynavselect ul li.cur a{color: #fff}